<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- import CSS -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.1/lib/theme-chalk/index.css">
	<body>
		<div id="app">
			<div class="block">
			  <span class="demonstration">有默认值</span>
			  <el-color-picker v-model="color1"></el-color-picker>
			</div>
			<div class="block">
			  <span class="demonstration">无默认值</span>
			  <el-color-picker v-model="color2"></el-color-picker>
			</div>
		</div>
	</body>
	<!-- import Vue before Element -->
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<!-- import JavaScript -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<script>
	  var Main = {
	      data() {
	        return {
	          color1: '#409EFF',
	          color2: null
	        }
	      }
	    };
	  var Ctor = Vue.extend(Main);
	  new Ctor().$mount('#app');
	</script>
</html>
